<%--
  Created by IntelliJ IDEA.
  User: 花未落雪柔眠
  Date: 2022/11/4
  Time: 13:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table > tbody > tr > td > a {
            width: unset;
            height: unset;
            color: unset;
            text-decoration: none;
            cursor: pointer;
        }
    </style>
    <link rel="stylesheet" href="css/Main.css">
</head>
<body>
<div class="container-fluid">
    <ol class="breadcrumb">
        <li><a href="#">用户管理</a></li>
        <li class="active">用户列表</li>
        <li style="float: right"><a href="http://localhost:8080/New_Login_war/index.jsp" >退出登录</a></li>
    </ol>
    <form>
        <div class="form-group">
            <div class="row">
                <div class="col-md-3">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <div class="col-md-1">
                    <input type="submit" class="form-control">
                </div>
            </div>
        </div>
    </form>
    <div style="margin: 10px 0;padding: 10px 5px;background: #f5f5f5;">
        <div class="row">
            <div class="col-sm-6">
                <button class="btn btn-danger" onclick="allDelete()">批量删除</button>
                <button class="btn btn-info" onclick="add()">添加</button>
            </div>
            <div class="col-sm-5 text-right" style="line-height: 40px">
                总条数：
                <text>共n条</text>
            </div>
        </div>
    </div>
    <div>
        <table class="table table-bordered table-hover table-striped">
            <thead>
            <tr>
                <th>
                    <input type="checkbox" class="all-check">
                </th>
                <th>ID</th>
                <th>用户名</th>
                <th>性别</th>
                <th>手机</th>
                <th>邮箱</th>
                <th>学号</th>
                <th>加入时间</th>
                <th>状态</th>
                <th>操作范围</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <input type="checkbox" value="1">
                </td>
                <td>1</td>
                <td>兰方龙</td>
                <td>男</td>
                <td>187********</td>
                <td>2277198055@qq.com</td>
                <td>2021240191</td>
                <td>2022-11-05</td>
                <td class="td-status">
                    在校
                </td>
                <td class="td-manage">
                    架构师
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" value="2">
                </td>
                <td>2</td>
                <td>严安泰</td>
                <td>男</td>
                <td>185********</td>
                <td>2320979405@qq.com</td>
                <td>2021240221</td>
                <td>2022-11-05</td>
                <td class="td-status">
                    在校
                <td class="td-manage">
                    后端
                </td>
            </tr>
            <td>
                <input type="checkbox" value="2">
            </td>
            <td>3</td>
            <td>朱恩财</td>
            <td>男</td>
            <td>130********</td>
            <td>4795552566@qq.com</td>
            <td>2021240177</td>
            <td>2022-11-05</td>
            <td class="td-status">
                在校
            <td class="td-manage">
                前端
            </td>
            </tr>
            <td>
                <input type="checkbox" value="2">
            </td>
            <td>4</td>
            <td>刘欢</td>
            <td>男</td>
            <td>187********</td>
            <td>2514971733@qq.com</td>
            <td>2021240220</td>
            <td>2022-11-05</td>
            <td class="td-status">
                在校
            <td class="td-manage">
                后端
            </td>
            </tr>
            <td>
                <input type="checkbox" value="2">
            </td>
            <td>5</td>
            <td>黄豪</td>
            <td>男</td>
            <td>177********</td>
            <td>3603018482@qq.com</td>
            <td>2021240199</td>
            <td>2022-11-05</td>
            <td class="td-status">
                在校
            <td class="td-manage">
                前端
            </td>
            </tr>
            <td>
                <input type="checkbox" value="2">
            </td>
            <td>6</td>
            <td>黄江毅</td>
            <td>男</td>
            <td>188********</td>
            <td>2015125155</td>
            <td>2021240226</td>
            <td>2022-11-05</td>
            <td class="td-status">
                在校
            <td class="td-manage">
                后端
            </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="box"style="border: gray 1px solid">
    <div class="box1">
        <div class="TXT">
            <ul>
                <li class="TXTLI1" style="size: A3"><h4>文件目录1：</h4></li>
                <li class="TXTLI">Java面向对象</li>
                <li class="TXTLI">Web前端设计</li>
                <li class="TXTLI">JavaScript 百炼成仙</li>
                <li class="TXTLI">代码整洁之道</li>
                <li class="TXTLI">程序员修炼之道</li>
                <li class="TXTLI">重构改善既有代码的设计</li>
                <li class="TXTLI">Java并发编程实战</li>
            </ul>
        </div>
        <div style="width:1px;height:400px;float:left;background:gray;"></div>
        <div class="TXT">
            <ul >
                <li class="TXTLI1"><h4>文件目录2：</h4></li>
                <li class="TXTLI">简明Python教程</li>
                <li class="TXTLI">数据结构与算法分析</li>
                <li class="TXTLI">Java高级程序设计</li>
                <li class="TXTLI">Java设计模式与开发实践</li>
                <li class="TXTLI">Web性能权威指南</li>
                <li class="TXTLI">Java性能权威指南</li>
                <li class="TXTLI">Linux基础教学</li>
            </ul>
        </div>
    </div>
    <div style="width:1px;height:400px;float:left;background:gray;"></div>
    <div class="box2">
        <div class="Up">
            <form action="UploadServlet" method="post" enctype="multipart/form-data">
                <h3>资源上传：</h3>
                <hr style="color: white">
                <input type="file" name="file"  style="border: gray 1px" class="tijiao"  >

                <input type="submit" class="tijiao1" >
            </form>
        </div>
        <div style="width:450px;height:1px;float:top;background:gray;"></div>
        <div class="Down">
            <div class="xiazai">
                <form method="post" action="DownloadServlet">
                    <input type="text"  name="fileName" placeholder="请输入要下载的文件名字" class="XZ1">
                    <input type="submit" value="下载" class="XZ">
                </form>
            </div>
        </div>
    </div>
    <div style="width:1px;height:400px;float:left;background:gray;"></div>
    <div class="box3">
        <div class="box3-1">
            <div class="Dream">梦想，只在奋斗的路上</div>
            <div class="NX">———年薪20万的大数据工程师</div>
        </div>
        <div style="width:557px;height:1px;float:top;background:black;"></div>
        <div class="box3-2">
            <div class="TB">
                <!--                java  pyhton mysql Hadoop linux web-->
                <div class="TB1">Java</div>
                <div class="TB2">Python</div>
                <div class="TB3">MYSQL</div>
                <div class="TB4">Hadoop</div>
                <div class="TB5">Linux</div>
                <div class="TB6">Web</div>
            </div>
            <div class="WZMS">
                欲善其事，必先利其器。不因山高而害怕,不因水深而退缩,不因路远而停留,不因艰辛而蹉跎,不因困苦而放下,不因成功而傲慢!
            </div>
        </div>
    </div>
</div>
</body>
</html>